<!DOCTYPE html>
<html lang="cn" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title th:text="${session.lang == 'en' ? menu.titleEn : menu.title}"></title>
    <meta name="keywords" th:content="${companyProfile.seoKeyword}">
    <meta name="description" th:content="${companyProfile.seoDescription}">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">
    <link rel="stylesheet" href="../statics/css/amazeui.min.css">
    <link rel="stylesheet" href="../statics/css/animate.css">
    <link rel="stylesheet" href="../statics/css/layout.css">
    <link rel="stylesheet" href="../statics/css/pages.css">
    <link rel="stylesheet" href="../statics/iconfont/iconfont.css">
    <link rel="stylesheet" href="../statics/css/demo.css" type="text/css" media="screen"/>
    <link rel="stylesheet" href="../statics/css/venobox/venobox.css" type="text/css" media="screen"/>
    <script src="../statics/js/jquery-1.11.0.min.js"></script>
    <script src="../statics/js/amazeui.min.js"></script>
    <script src="../statics/js/amazeui.lazyload.min.js"></script>
    <script type="text/javascript" src="../statics/js/venobox/venobox.min.js"></script>
    <style>
        .network-img img{
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>

<div th:replace="header :: header"></div>

<div class="am-slider-i2" th:if="${menu != null}">
    <ul class="am-slides">
        <li class="am-slider-images" th:style="'background-image: url(' + ${menu.bgImage} + ')'">
            <div class="am-container am-slider-desc">
                <div class="am-slider-content">
                    <h2 class="up-en am-slider-title am-animation-slide-left" data-am-scrollspy="{animation: 'slide-left', delay: 100}">
                        <th:block th:text="${menu.title}"></th:block>
                    </h2>
                    <h3 class="up-cn am-animation-slide-right" data-am-scrollspy="{animation:'slide-right', delay: 500}">
                        <th:block th:text="${menu.titleEn}"></th:block>
                    </h3>
                    <i data-am-scrollspy="{animation:'slide-bottom', delay: 700}" class="am-animation-slide-bottom"></i>
                    <div data-am-scrollspy="{animation:'slide-left', delay: 1200}" class="rb-bantxt am-animation-slide-right">
                        <th:block th:text="${session.lang == 'en' ? companyProfile.profileEn : companyProfile.profile}"></th:block>
                    </div>
                </div>
            </div>
        </li>
    </ul>
</div>

<script language="javascript">
    $(document).ready(function () {
        jQuery.scrollto = function (scrolldom, scrolltime) {
            $(scrolldom).click(function () {
                var scrolltodom = $(this).attr("date-scroll");
                $(this).addClass("thisscroll").siblings().removeClass("thisscroll");
                $('html,body').animate({
                    scrollTop: $(scrolltodom).offset().top
                }, scrolltime);
                return false;
            });
        };
        $.scrollto("#scrollnav a", 600);
    });
</script>
<!--about-->
<div class="amz-container">
    <div class="amz-container" id="rb-about">
        <div class="amz-container rb-hg110"></div>
        <div class="am-container-1 rb-about-nav" id="scrollnav"><a href="#rb-about">
            <h3>迪赛福简介</h3>
            <h4>about robotphoenix</h4>
            <div class="arrow-bottom arrow-box"><b class="bottom"><i class="bottom-arrow1"></i><i class="bottom-arrow2"></i></b></div>
        </a> <a href="#rb-clutrue">
            <h3>企业文化</h3>
            <h4>company culture</h4>
            <div class="arrow-bottom arrow-box"><b class="bottom"><i class="bottom-arrow1"></i><i class="bottom-arrow2"></i></b></div>
        </a>
            <a href="#rb-event">
                <h3>企业大事记</h3>
                <h4>Breaking News</h4>
                <div class="arrow-bottom arrow-box"><b class="bottom"><i class="bottom-arrow1"></i><i class="bottom-arrow2"></i></b></div>
            </a>
            <a href="#rb-service-station">
                <h3>服务网点</h3>
                <h4>Service Network Station</h4>
                <div class="arrow-bottom arrow-box"><b class="bottom"><i class="bottom-arrow1"></i><i class="bottom-arrow2"></i></b></div>
            </a>
        </div>
        <div class="am-container-1 am-animation-slide-left" data-am-scrollspy="{animation: 'slide-left', delay: 400}">
            <div class="amz-container rb-hg55"></div>
            <div class="am-container-1 text-center rb-currentitle">
                <h3>迪赛福简介</h3>
                <h4>about disofoo</h4>
                <i></i>
                <div class="amz-container rb-hg55"></div>
                <div class="rb-bantxt am-animation-slide-bottom" data-am-scrollspy="{animation:'slide-bottom', delay: 1200}">
                    <th:block th:text="${session.lang == 'en' ? companyProfile.profileEn : companyProfile.profile}"></th:block>
                </div>
            </div>
        </div>
    </div>

    <div id="rb-clutrue" class="probootstrap-image amz-container am-animation-slide-right" data-am-scrollspy="{animation: 'slide-right', delay: 500}" style="background-image: url(../statics/images/about-us/banner01.jpg);background-size:cover;" th:if="${corporateCultureList != null && !corporateCultureList.isEmpty()}">
        <div class="amz-container rb-hg110"></div>
        <div class="amz-container rb-hg70"></div>
        <div class="am-container-1 text-center rb-currentitle">
            <h3>企业文化</h3>
            <h4>company culture</h4>
            <i></i>
        </div>
        <div class="am-container-1 text-center rb-clutruecon">
            <th:block th:each="c: ${corporateCultureList}">
                <h3 th:text="${session.lang == 'en' ? c.titleEn : c.title}">企业使命</h3>
                <div class="rb-clutrntxt" th:text="${session.lang == 'en' ? c.descEn : c.desc}">以智能制造赋能制造业</div>
            </th:block>

        </div>
    </div>

    <style>
        .owl-theme .owl-controls .owl-buttons div {
            position: absolute;
            top: 20%;
            color: #ef7015;
        }
    </style>
    <!--大事件-->
    <div id="rb-event" class="amz-container am-animation-slide-right" data-am-scrollspy="{animation: 'slide-right', delay: 700}" th:if="${memorabiliaList != null && !memorabiliaList.isEmpty()}">
        <div class="amz-container rb-hg110"></div>
        <div class="amz-container rb-hg70"></div>
        <div class="am-container-1 text-center rb-currentitle">
            <h3>企业大事记</h3>
            <h4>Breaking News</h4>
            <i></i>
        </div>
        <div class="amz-container rb-hg110"></div>
        <div class="am-container-1 rb-eventlist">
            <article class="text-center rb-teamlist" th:each="m: ${memorabiliaList}">
                <h4 th:text="${session.lang == 'en' ? m.titleEn : m.title}">2021年第三季度</h4>
                <div class="rb-evencon" th:text="${session.lang == 'en' ? m.descriptionEn : m.description}"></div>
                <a class="venoboxinline" th:href="'/chronicle_detail?id=' + ${m.id}" th:text="${i18n.key46}"> 查看更多</a>
                <div class="amz-container rb-hg80"></div>
            </article>
        </div>
    </div>
</div>
<!-- 服务网点 -->
<div id="rb-service-station" class="probootstrap-image amz-container am-animation-slide-right"
     data-am-scrollspy="{animation: 'slide-right', delay: 500}">
    <div class="amz-container rb-hg110"></div>
    <div class="amz-container rb-hg70"></div>
    <div class="am-container-1 text-center rb-currentitle">
        <h3>服务网点</h3>
        <h4>service network station</h4>
        <i></i>
    </div>
    <div class="rb-clutruecon network-img" style="margin:40px 0;">
        <img th:src="${session.lang == 'en' ? companyProfile.serviceNetworkEn : companyProfile.serviceNetwork}" alt="">
    </div>
</div>
</div>
<script src="../statics/js/canvas.js" opacity=0.6 z=1></script>
<script type="text/javascript">
    jQuery(document).ready(function ($) {
        var $timeline_block = $('.cd-timeline-block');
        $timeline_block.each(function () {
            if ($(this).offset().top > $(window).scrollTop() + $(window).height() * 0.75) {
                $(this).find('.cd-timeline-img, .cd-timeline-content').addClass('is-hidden');
            }
        });
    });
</script>
<!--#include file="/public/html/footer.html"-->
<div th:replace="footer :: footer"></div>
</body>
</html>